/* 间距 */
.mt10{margin-top: 10rpx;}
.mt16{margin-top: 16rpx;}
.mt20{margin-top: 20rpx;}
.mt24{margin-top: 24rpx;}
.mt30{margin-top: 30rpx;}
.mt32{margin-top: 32rpx;}
.mt40{margin-top: 40rpx;}
.mt48{margin-top: 48rpx;}
.mt60{margin-top: 60rpx;}
.mt72{margin-top: 72rpx;}
.mtb20{margin-top:20rpx; margin-bottom: 20rpx;}
.ml4{margin-left: 4rpx;}
.ml8{margin-left: 8rpx;}
.ml10{margin-left: 10rpx;}
.ml12{margin-left: 12rpx;}
.ml16{margin-left: 16rpx;}
.ml20{margin-left: 20rpx;}
.ml24{margin-left: 24rpx;}
.ml30{margin-left: 30rpx;}
.ml32{margin-left: 32rpx;}
.ml60{margin-left: 60rpx;}
.mr32{margin-right: 32rpx;}
.mr10{margin-right: 10rpx;}
.p20{padding: 20rpx;}
.p30{padding: 30rpx;}
.pt30{padding-top: 30rpx;}
.pt40{padding-top: 40rpx;}
.pt72{padding-top: 72rpx;}
.ptb10{padding-top: 10rpx; padding-bottom: 10rpx;}
.ptb15{padding-top: 15rpx; padding-bottom: 15rpx;}
.ptb20{padding-top: 20rpx; padding-bottom: 20rpx;}
.ptb30{padding-top: 30rpx; padding-bottom: 30rpx;}
.ptb40{padding-top: 40rpx; padding-bottom: 40rpx;}
.plr20{padding-left: 20rpx; padding-right: 20rpx;}
.plr32{padding-left: 32rpx; padding-right: 32rpx;}
.pb100{padding-bottom: 100rpx;}
.pb148{padding-bottom: 148rpx;}
.flex {display: flex; align-items: center;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex0 {flex-grow: 0;flex-shrink: 0;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-row {display: flex;flex-direction: row;}
.flex-col{display: flex;flex-direction: column;}
.flex-x-center{display: flex;justify-content: center;}
.flex-y-center{display: flex;align-items: center;}
.flex-y-bottom{display: flex;align-items: flex-end;}
.flex-row-between{display: flex;justify-content: space-between;}
.flex-bt{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;}
.flex-aw{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-around;}
.flex-xy-center{display: flex;align-items: center;justify-content: center;}
.flex-x-bottom{display: flex;justify-content: flex-end;}
.flex-wp{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-wrap: wrap;}
/* 宽度 */
.w100{width: 100%;}
/* 字体颜色 */
.col-f{color: #fff}
.col-c{color: #ccc}
.col-d{color: #ddd}
.col-a{color:#aaa}
.col-r{color: #ff1500;}
.col-0{color: #000}
.col-3{color: #333}
.col-5{color: #555}
.col-6{color: #666}
.col-9{color: #999}
/* 字体大小 */
.fs24{font-size: 24rpx;}
.fs28{font-size: 28rpx;}
.fs32{font-size: 32rpx;}
.fs36{font-size: 36rpx;}
/* 粗体 */
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
/* 背景颜色 */
.bg-white{background: #fff;}
.bg-gray{background: #b5b3b4;}
.bg-blue{background: #0064d4;}
.bg-yellow{background: #fb9500;}
.bg-green{background:#00af00;}
.bg-red{background: #f45e5f;}
.bg-ligh-blue{background: #37b9f3;}
.bg-ligh-yellow{background: #ffeed2;}
.bg-ligh-gray{background: #f8f8f8;}
.bg-ligh-red{background: #f8e6e2;}
/* 线框 */
.bt{border-top: 1px solid #d8d6d7;}
